<template>
	<!-- 二层子目录 存放每个人每天的打卡记录
				!!!供自己查看!!!
	 -->
	
	<view class="root-wrapper">	
		<history-card 
			v-for="(item,index) in info" 
			v-bind:info="item" 
			v-bind:key="index">
		</history-card>
		
		<!-- 没有更多时显示 -->
		<view v-if="cur_page===-1"> 没有更多了 </view>
		
		<!-- 无数据时提示 -->
		<view v-if="info.length === 0" style="text-align: center; margin-top: 30rpx;">暂无数据</view>
		
	</view>
	
</template>

<script>
	import historyCard from '../../components/history-clock-card.vue'
	export default {
		components: {
			historyCard
		},
		onLoad: function (option) {
			// 根据stu_id来获得姓名
			
			uni.setNavigationBarTitle({
			    title: this.$store.state.userInfo.name + '的打卡记录'
			})
		},
		// 触底的响应事件
		async onReachBottom() {
			// 当没有更多数据时无视此事件
			if (this.cur_page === -1) {
				return
			}

			this.$u.api.getPageRecords({
				// 默认的分页设置
				'size': 9,
				'page': this.cur_page
			}).then(res => {
				console.log('分页的查询结果', res)
				if (res.data.length === 0) {
					console.log('到底了')
					// 当 this.cur_page === -1 时说明没有更多数据
					this.cur_page = -1
					return
				}
				
				// 将新数据加入
				res.data.forEach(item => {
					this.info.push(item) 
				})
				
				// 查询下一页
				this.cur_page++
			}).catch(err => {
				console.log('分页查询错误', err)
			})
		},
		mounted() {
			// 默认加载一页
			this.$u.api.getPageRecords({
				// 默认的分页设置
				'size': 9,
				'page': this.cur_page++
			}).then(res => {
				this.info = res.data
			}).catch(err => {
				console.log('分页查询错误', err)
			})
		},
		data() {
			return {
				cur_page: 1,
				// TODO 根据传入的学号来获取打卡记录
				info:[
					// {
					// 	// 'clock_date': '2020-10-1 12:03:00',
					// 	// 'clock_state': true,	// 是否为异常
					// 	// 'clock_temp': 36.7,
					// 	// 'clock_is_abnormal': true, // 是否有三种症状
					// 	// 'clock_location': '浙江杭州',
					// 	// 'clock_vaccine_dose': 1,
					// 	// 'clock_vaccine_time': '2020-9-1 12:03:00',
					// 	// 'clock_is_intimate': false,
					// 	// 'clock_tel': '13013001000',
						
						
					// 	"clockTime": "2021-06-26 13:09:28",
					// 	"statClockState": true,
					// 	"clockTemp": 36.0,
					// 	"clockIsAbnormal": false,
					// 	"clockLocation": "北京市-北京市-东城区",
					// 	"clockVaccineDose": 1,
					// 	"clockVaccineTime": "2021-06-10 00:00:00",
					// 	"clockIsIntimate": true,
					// 	"clockTel": "13018994001"
					// },
					// {
					// 	"clockTime": "2021-06-26 13:09:28",
					// 	"statClockState": true,
					// 	"clockTemp": 36.0,
					// 	"clockIsAbnormal": false,
					// 	"clockLocation": "北京市-北京市-东城区",
					// 	"clockVaccineDose": 1,
					// 	"clockVaccineTime": "2021-06-10 00:00:00",
					// 	"clockIsIntimate": true,
					// 	"clockTel": "13018994001"
					// }
				]
			}
		}
	}
</script>

<style>
</style>
